<!DOCTYPE HTML>
<!--
  ~ Druid - a distributed column store.
  ~ Copyright 2012 - 2015 Metamarkets Group Inc.
  ~
  ~ Licensed under the Apache License, Version 2.0 (the "License");
  ~ you may not use this file except in compliance with the License.
  ~ You may obtain a copy of the License at
  ~
  ~     http://www.apache.org/licenses/LICENSE-2.0
  ~
  ~ Unless required by applicable law or agreed to in writing, software
  ~ distributed under the License is distributed on an "AS IS" BASIS,
  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
  ~ See the License for the specific language governing permissions and
  ~ limitations under the License.
  -->

<html xmlns="http://www.w3.org/1999/html">
<head>
    <title>Druid Coordinator Console - Enable/Disable Datasources</title>
    <link rel="shortcut icon" type="image/ico" href="images/favicon.ico">
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
    <meta name="Description" content="Druid Coordinator Console Page"/>

    <style type="text/css">@import "css/style.css";</style>
    <style type="text/css">@import "css/jquery-ui-1.9.2.css";</style>
    <style type="text/css">@import "css/enable.css";</style>

    <script type="text/javascript" src="js/underscore-1.2.2.js"></script>
    <script type="text/javascript" src="js/jquery-1.11.0.min.js"></script>
    <script type="text/javascript" src="js/jquery-ui-1.9.2.js"></script>
    <script type="text/javascript" src="js/enable-0.0.1.js"></script>
</head>
<body>
<div class="container">

    <div class="heading">Enable/Disable Datasources</div>

    <div>
        <h4>Enabled Datasources:</h4>
        <ul id="enabled_datasources">
        </ul>
    </div>

    <div>
        <h4>Disabled Datasources:</h4>
        <ul id="disabled_datasources">
        </ul>
    </div>

    <div id="select_datasource">
        Select Data Source:
        <select id="datasources">
            <option></option>
        </select>
    </div>

    <div>
        <button type="button" id="enable">Enable</button>
        <div id="enable_dialog" title="Confirm Enable">
            <p>Are you sure you want to enable the selected datasource?</p>
        </div>
        <button type="button" id="disable">Disable</button>
        <div id="disable_dialog" title="Confirm Cancel">
            <p>Are you sure you want to disable the selected datasource?</p>
        </div>

        <div id="error_dialog" title="Error!"></div>
    </div>
</div>
</body>
</html>
